<form method="post" enctype="multipart/form-data" target="_blank" id="form-order">
    <div class="table-responsive">
        <table class="table table-bordered table-hover">

            <thead>
            <tr>
                <td class="text-center" width="65px;">序号</td>
                <td class="text-center">卡号</td>
                <td class="text-center">卡密</td>
                <td class="text-center">用户电话</td>
                <td class="text-center">面额</td>
<!--                <td class="text-center">实充</td>-->
                <td class="text-center">状态</td>
                <td class="text-center">创建时间</td>
                <td class="text-center">使用时间</td>
                <td class="text-center">操作</td>
            </tr>
            </thead>

            <tbody>
            <volist name="list" id="list">
                <tr>
                    <td class="text-center">{$list.id}</td>
                    <td class="text-center">{$list.card_number}</td>
                    <if condition="$viewType == 1 ">
                        <td class="text-center">{$list.card_password}</td>
                        <else />
                        <td class="text-center">********</td>
                    </if>
                    <td class="text-center">{$list.userMobile}</td>
                    <td class="text-center">{$list.denomination}</td>
<!--                    <td class="text-center">{$list.substantialCharge}</td>-->
                    <td class="text-center">{$list.states}</td>
                    <td class="text-center">{$list.createtime}</td>
                    <td class="text-center">{$list.usagetime}</td>
                    <td class="text-center">
                        <a href="javascript:;" onclick="delfunc(this)" data-url="{:url('rechargeable/del')}" data-id="{$list.id}"  class="btn btn-danger" title="删除"><i class="fa fa-trash-o"></i></a>
                    </td>
                </tr>
            </volist>

            </tbody>
        </table>
    </div>
</form>
<div class="row">
    <div class="col-sm-3 text-left"></div>
    <div class="col-sm-9 text-right">{$page}</div>
</div>
<script>
    // 点击分页触发的事件
    $(".pagination  a").click(function(){
        cur_page = $(this).data('p');
        console.log(cur_page);
        ajax_get_tables('search-form', cur_page);
    });

    function activation(obj){
        layer.confirm('确认激活？', function(){
                $.ajax({
                    type : 'post',
                    url : $(obj).attr('data-url'),
                    data : {id:$(obj).attr('data-id')},
                    dataType : 'json',
                    success : function(data){
                        if(data.code == 200){
                            layer.msg('操作成功', {icon: 1, time: 1000}, function (){
                                window.location.reload();
                            });
                        }else{
                            layer.alert(data.msg, {icon: 2,time: 2000});
                        }
                    }
                })
            }
        );
    }
</script>